<template>
  <div class="bagDetail">
    <div class="header">
      <top-bar :barObj="barObj"/>
      <div class="icon">
        <img src="http://product.912cc.com:8100/images/ProductImg/a0950b993377324b.png" alt srcset>
      </div>
      <div class="txt">章鱼世界六野人参</div>
    </div>
    <div class="main">
      <div class="arrow-up"></div>
      <p class="title">注册章鱼野山参福利</p>
      <p>1.章鱼宝宝可以获取14年野山参，满15年领取</p>
      <p>2.推荐一个章鱼矿工，可以立即获取15年山参</p>
      <p>
        3.以太级别领取野山参补贴
        <span style="color:#00B1FF">1500章鱼丸</span>补助
      </p>
      <p>
        4.比特级别领取野山参补贴
        <span style="color:#00B1FF">3000章鱼丸</span>补助
      </p>

      <p class="title">注册1月份超级福利</p>
      <p>注册会员免费送14年野山参一株，满15年可以挖取，</p>
      <p>
        市场价
        <span style="color:#FEA90B">3680元</span>， 方回春堂胡庆余堂均可鉴定，
      </p>
      <p>会员领取只需要人工费，运费，包装费共计500元。</p>

      <p class="title">野山参获取费用说明</p>
      <p>1.人工费
        <br>一般挖人参都要1-3个小时支付费用，人参的包装烘干都
      </p>
      <p>需要一定的费用，野山参的挖掘人工成本也会高一点。</p>
      <p>2.包装费
        <br>高端礼品，包装成本也相对高一些，包装盒
        <br>设计图案是长白山山脉的卫星图像。
      </p>
      <p>3.快递费
        <br>基地代发野山参，产品绝对保证质量，可以到专
        <br>业机构检测是否真正的野山参和参龄。
      </p>
    </div>
  </div>
</template>
<script>
import topBar from "@/components/topBar";
export default {
  data() {
    return {
      barObj: {
        isBack: true,
        backVal: "",
        title: "说明",
        isIcon: true
      }
    };
  },
  components: {
    topBar
  }
};
</script>

<style lang="stylus" scoped>
.bagDetail {
  .header {
    width: 100%;
    height: 3.5rem;
    padding-top: 0.52rem;
    box-sizing: border-box;
    background: linear-gradient(90deg, rgba(0, 177, 255, 1), rgba(0, 108, 255, 1));

    .icon {
      width: 1.04rem;
      height: 1.04rem;
      border-radius: 50%;
      background: #FFF;
      margin: 10px auto;

      img {
        width: 100%;
      }
    }

    .txt {
      font-size: 14px;
      color: rgba(180, 230, 255, 1);
      text-align: center;
      margin: 10px auto;
    }
  }

  .main {
    width: 7.1rem;
    background: #FFF;
    border-radius: 0.2rem;
    margin: 0 auto;
    position: relative;
    top: -20px;
    padding: 15px 0 25px 0;
    font-size: 11px;
    text-align: center;

    p {
      line-height: 20px;
    }

    .title {
      line-height: 40px;
      font-size: 15px;
    }

    .arrow-up {
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 8px solid #fff;
      position: absolute;
      top: -8px;
      left: 50%;
      transform: translateX(-50%);
    }
  }
}
</style>
